<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 注释 ctrl + / -->

    <!-- 4 个级别的标题 -->
    <h1>主标题</h1>
    <h2>顶层哈哈标题</h2>
    <h3>子标题</h3>
    <h4>次子标题</h4>

    <p>这是一个段落</p>
    <p>这是一个段落</p>
    <p>这是一个段落</p>

    <!-- 无序列表 -->
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
    </ul>

    <!-- 有序列表 -->
    <ol>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
    </ol>

    <!-- 图片 -->
    <img src="images/a.png" />

    <!-- markdown： typora：markdown本来就是html -->
    <a href="https://www.baidu.com">去百度</a>
    <a href="demo01.html">去demo01页面</a>


    <!-- 表格 -->
    <table border>
        <thead>
            <tr>
                <th>id</th>
                <th>name</th>
                <th>age</th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>1</td>
                <td>张三</td>
                <td>18</td>
            </tr>
            <tr>
                <td>2</td>
                <td>李四</td>
                <td>19</td>
            </tr>
        </tbody>
    </table>


    <!-- form表单： 收集客户端填写的数据，把这些数据一次性交给服务器 -->
     <!-- 表单填写的数据会发给服务器： baidu.com -->
      <!-- action: 指定提交的位置； 配置服务器位置 -->
    <form action="https://www.baidu.com">
        <!-- 登录表单 -->
         用户名：<input type="text"/> <br/>
         密码：<input type="password"/> <br/>
         
         <!-- 按钮点击会跳转：点击以后提交表单 -->
          <!-- 提交按钮： 触发器 -->
        <button type="submit">登录</button>
        <!-- 重置按钮 -->
        <button type="reset">重置</button>
    </form>


    

</body>

</html>